@import "../../../../styles/_commonColor.scss";

.illegalDetailItem {
  color: $black;
  background: white;
  .title {
    padding: 36px 0 34px 104px;
    font-size: 32px;
  }
  .content {
    display: flex;
    .check {
      width: 104px;
      position: relative;
      img {
        width: 50px;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -25px;
        margin-left: -25px;
      }
    }

    .contentMessage {
      flex: 1;
      padding: 32px 30px 22px 0;
      border-top: solid 1PX $borderlinegray;
      border-bottom: solid 1PX $borderlinegray;
      font-size: 26px;
      .messageHeader {
        span{
          &:nth-child(2){
            margin:0 0 0 54px;
            padding-right: 18px;
            border-right: solid 1PX $borderlinegray;
          }

          &:nth-child(3){
            margin-left: 18px;
          }
        }
        /* padding:32px 0 26px 0;*/
      }
      .message {
        color: $gray;
        margin-top: 24px;
      }
      .tips {
        margin-top: 28px;
        display: flex;
        align-items:flex-start;
        .tipsTitle {
          width:210px;
          color: $darkgray;
        }
        .docList{
          flex: 1;
          text-align: left;
          &>div{
            display: inline-block;
            border:solid 1PX #b1b1cb;
            background: #f8f8fa;
            border-radius: 5px;
            vertical-align: middle;
            padding:2px 5px;
            color:#8484ce;
            margin-left: 14px;
            margin-bottom: 10px;
          }
        }
        img{
          width:40px;
          display: block;
        }
      }

      .number {
        margin-top: 34px;
        color: #bebebe;
      }
    }
  }

  .bottom {
    color: $slidergreen;
    font-size: 26px;
    padding: 34px 30px 40px 104px;
  }

  .unable{
    color:  #bebebe;
  }
}